/* MAIN */
body {
	font: 13px Verdana,Helvetica,Arial,Times;
	background-color: #C7C5B8;
	margin: auto;
	width: 100%;
	max-width: 1024px;
}
a {
	text-decoration: none;
	color: #000097
}
a:hover {
	color: red
}
img {
	vertical-align: text-bottom;
	border: 0
}
h3 {
	font-size: 13px;
	margin: 3px 0
}
h1, h2, .tb caption {
	margin: 0;
	font: bold 13px Verdana;
	border: 1px solid #9EAA97;
	border-bottom: 0;
	background: #CBD5BF url(2/th.png) repeat-x;
	text-align: center;
	color: #396F79;
	padding: 1px;
}
form {margin: 0}
optgroup {font-style: normal}
textarea {font: 13px Verdana,Helvetica}
label {cursor: pointer}
input:focus {background-color: #ffffca}

/* LAYOUT */
#top, #bar, #mid, #footer {
	border: 1px solid #728FA7;
	overflow: hidden
}
#top {
	height: 60px;
	padding-left: 220px;
	text-align: center;
	background: #B3C4D7 url(2/logo.png) no-repeat;
}
#bar {
	background-color: #EFEEE6;
	padding: 3px 8px 3px 8px;
	border-width: 0 1px;
}
#bar a {
	color: #2872AE;
	margin: 0 5px;
	font-weight: bold
}
#flags {
	float: right;
	width: 300px;
	font-size: 12px;
	letter-spacing: 5px
}
#today {
	float: right;
}
#mid {
	min-width: 400px;
	padding-left: 200px;
	padding-right: 218px;
	position: relative;
	background-color: #B3C4D7 /* main color */
}
#left {
	width: 182px; /* width - padding */
	margin-left: -100%;
	right: 216px;
}
#right {
	width: 182px;
	margin-right: -218px;
}
#main {
	width: 100%;
	background-color: #C4D0DF;
	border: 1px solid #728FA7;
	border-width: 0 1px;
}
#left, #right, #main {
	padding: 8px 8px 10000px;
	margin-bottom: -10000px;
	position: relative;
	float: left
}
#footer {
	clear: both;
	background-color: #AABCCA;
	padding: 3px;
	border-top: 0;
	text-align: center
}
#credits {
	font-size: 11px;
	text-align: center;
	color: #AAAAAA;
	margin: 5px
}
#credits a {
	color: #707070
}
#actions {
	overflow:hidden
}
* html #left {
	left: 200px; /* IE hack */
}
#actions a {margin: 0 0 0 5px; float: right}
.action {float: right; color: white; margin: 8px}

/* LISTS */
ul,ol {margin: 9px; padding-left: 25px}
ul.go {list-style-image: url(../../img/icon/go.png)}
ul.gallery {list-style: none; padding: 0; margin: 0}
ul.gallery li {
	display: inline-block;
	width: 30%;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
ul.cats {
	list-style-image: url(../../img/icon/folder.png);
	overflow: hidden
}
ul.cats li {
	width: 50%;
	float: left
}
.files div {
	background: url(../../img/icon/file.png) no-repeat 6px 6px;
	padding: 3px 0 5px 32px;
	min-height: 32px;
}
.items td {
	height: 40px;
	padding-left: 40px !important;
}
.art td { background: url(../../img/icon/art.png) no-repeat 5px 50% }
.link td { background: url(../../img/icon/link.png) no-repeat 3px 50% }
.items a {font-weight: bold}
.items h3 {margin: 0}

/* MENU */
.menu {
	background-color: #EFEEE6;
	padding: 2px 3px;
	margin-bottom: 7px;
	border: 1px solid #416298
}
.mh {
	padding: 1px;
	color: white;
	font-weight: bold;
	background: #456CC9 url(2/m.png);
	text-align: center;
	border: 1px solid #416298;
	border-bottom: 0;
}
.menu ul {margin: 0; padding-left: 14px}
.menu ul a {display: block}
.pollOptions {margin: 5px 0}
.pollQuestion, .pollSubmit {text-align: center; margin: 2px 0}
.addComment {padding: 7px}
#online {line-height: 22px}
#tags {min-height: 18px}
path {transition: opacity 0.5s ease-out}
path:hover {opacity: 0.7}

/* BLOCKS */
th {
	background-color: #E4E4D6;
	font-weight: normal
}
.tb {
	background-color: #9EAA97;
	border-spacing: 1px;
	width: 100%;
	margin-bottom: 8px
}
.eth, .end, .tb tfoot {
	color: #236978;
	background-color: #DCE0CD;
	text-align: center;
	padding: 1px;
}
.end {
	border: 1px solid #9EAA97;
	border-top: 0;
	margin: -8px 0 8px 0;
}
.box, #tags {
	overflow: hidden;
	background-color: #F5F5F5;
	border: 1px solid #9EAA97;
	padding: 3px;
	margin-bottom: 8px;
	line-height: 18px;
	text-align: justify;
	word-wrap: break-word
}
.eth td,th,pre,blockquote {padding: 2px}
.tb tbody {background-color: #EFEEE6}
.tb td {padding: 3px}

/* CATEGORY PATH */
#path {
	border: 1px solid #A9B4AA;
	padding: 5px 3px 5px 28px;
	margin-bottom: 8px;
	background: url(../../img/icon/cs.png) 3px 3px no-repeat #F5F5F5
}

/* TEXT */
.newsimg {
	padding: 3px;
	padding-right: 5px;
	float: left
}
.pollstrip {
	background-color: #ebcb9c;
	border: 1px outset #d2b473;
	height: 10px;
}
pre {
	background-color: #EFEFE7;
	border: 1px solid #DBDBCA;
	overflow: auto;
	margin: 0;
}
blockquote {
	background-color: #E7EFEF;
	border: 1px solid #ACC8C8;
	margin: 0
}
big {font-size: 15px}
small {font-size: 11px}

/* PAGES */
.pages .pageAct {
	background-color: #D1E9DA;
	border: 1px solid #C6D7D9;
	font-weight: bold
}
.pages a {
	background-color: #DAE8E9;
	border: 1px solid #C2D2D3;
	font-weight: normal;
	padding: 2px 4px;
	margin: 3px
}
.pages {padding: 8px !important; text-align: center}

/* INFO */
.error, .warning {
	background: #ffffb0 url(../../img/icon/error.png) no-repeat 6px 9px;
	border: 1px solid #d9c866;
	padding-left: 28px !important
}

/* LINKS */
.edit, .add, .del, .user, .cat, .tags, .quote, .help {
	padding-left: 20px;
	background-repeat: no-repeat
}
.del {background-image: url(../../img/icon/del.png)}
.user {background-image: url(../../img/icon/group.png)}
.edit {background-image: url(../../img/icon/edit.png); display: block; float: right}
.add {background-image: url(../../img/icon/add.png)}
.cat {background-image: url(../../img/icon/folder.png); background-position: 0 -1px}
.tags {background-image: url(../../img/icon/tag.png); background-position: 2px}
.quote {background-image: url(../../img/icon/quote.png)}
.help {background-image: url(../../img/icon/help.png)}

/* DIALOG */
.dialog {
	position: fixed;
	z-index: 99;
	padding: 5px;
	background-color: #EFEBE7;
	border: 1px solid #7F9B97;
	overflow: hidden;
}
.dialog h3 {
	margin: -5px -5px 5px -5px;
	padding: 3px;
	background-color: #95B1E8;
	text-align: center
}
.dialog .exit {
	float: right;
	width: 16px;
	cursor: pointer
}
.overlay {
	z-index: 98;
	position: fixed;
	opacity: 0.5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
}

/*DHTML*/
.hint {
	border: 1px solid #89a5a9;
	background-color: white;
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
.hint .win {
	padding: 8px;
	overflow: auto;
}
.menulist, ul.hint {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.hint li, .dialog li {
	padding: 2px;
	cursor: pointer
}
.hint li:hover, .dialog li:hover {
	color: blue
}

/* EDITOR */
.editor {margin-top: 2px}
.editor span {
	background: url(../../img/editor.png) no-repeat;
	line-height: 20px
}
.editor img, .editor span {
	cursor: pointer;
	padding: 4px;
	vertical-align: middle;
	border: 1px solid transparent;
}
.editor img:hover, .editor span:hover {
	border: 1px outset #ece9d8;
}
.editor img:active, .editor span:active {
	border: 1px inset #ece9d8;
}